import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// Vue.prototype.$route = 值 获取传递的参数 this.$route.query.xxx
// Vue.prototype.$router = 值 编程式导航

// 导入相关页面
import Login from '../views/Login'
import Layout from '../views/Layout'
import Emoployee from '../views/Employee'
import Salary from '../views/Salary'
import VuexPage from '../views/Vuex'
import Cart from '../views/Cart'
import NotFound from '../views/NotFound'

const router = new VueRouter({
  routes: [
    { path: '/login', component: Login },
    {
      path: '/vuex',
      component: VuexPage
    },
    {
      path: '/cart',
      component: Cart
    },
    {
      path: '/layout',
      component: Layout,
      children: [
        {
          // 要注意，以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。
          path: 'employee',
          component: Emoployee
        },
        {
          // 要注意，以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。
          path: 'salary',
          component: Salary
        }
      ]
    },
    {
      path: '/',
      redirect: '/login'
    },
    {
      path: '*',
      component: NotFound
    }
  ]
})

export default router
